@charset "utf-8";
.layui-layer {transition: none;}
/* title */
.index-title { padding-bottom: 40px; text-align: center;}
.index-title h3 {position: relative; padding-bottom: 25px; font-size: 30px; display: inline-block; font-weight: bold; }
.index-title h3::before{position: absolute; bottom: 0; left: 50%;transform: translateX(-50%); content: ''; width: 50px; height: 2px; background-color: var(--default);}
.index-title p {position: relative; margin-top: 15px; font-size: 16px; line-height: 1.6; color: #777; text-transform: uppercase;}
.index-title-white h3,
.index-title-white p {color: #fff;}
.index-title-left{text-align: left;padding-bottom: 10px;}
.index-title-left h3::before {left: 0;transform: none;}
@media (max-width:1400px) {
    .index-title { padding-bottom: 30px;}
    .index-title h3 { font-size: 24px;}
}

@media (max-width:768px) {
    .index-title h3 {font-size: 22px;}
    .index-title p {font-size: 14px;}
}
@media (max-width:640px) {
    .index-title {padding-bottom: 20px;}
    .index-title h3 {font-size: 18px; padding-bottom: 15px;}
    .index-title h3 span:first-child{ margin-right: 15px;}
    .index-title h3 span:last-child{ margin-left: 15px;}
    .index-title p {font-size: 12px;padding: 0 10px;}
}
 
.index-more {padding-top: 60px;text-align: center;}
.index-more a {position: relative;display: inline-block; padding: 0 50px;line-height: 50px; font-size: 16px;border: 1px solid var(--default); color: var(--default);}
.index-more a i{display: inline-block; margin-left: 0; font-size: 24px; vertical-align: middle; transition: .8s; }
.index-more a:hover { background-color: var(--default); border-color: var(--default); color: #fff; box-shadow: 0 13px 10px rgba(0, 0, 255,.4);}
.index-more a:hover i{ transform: translateX(8px); color: #fff;}
@media (max-width:768px) {
    .index-more {padding-top: 40px;}
    .index-more a { padding: 0 30px;line-height: 40px; font-size: 14px; }
}

/* banner */
.index-banner{ position: relative; background-color: #333;}
.index-banner .swiper-slide img{max-width: 100%;}
.index-banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #ffffff;margin: 0 14px;opacity: 0.5;color: transparent;}
.index-banner .swiper-pagination-bullet-active {opacity: 1;width: 42px;height: 42px;line-height: 42px;text-align: center;border: 2px solid rgba(255, 255, 255, 0.4);background-color: transparent;color: #fff;}
.index-banner .swiper-pagination-bullet-active .rightcircle {
    -webkit-animation: circleProgressLoad_right 6s linear infinite;animation: circleProgressLoad_right 6s linear infinite;}
.index-banner .swiper-pagination-bullet-active .leftcircle {
    -webkit-animation: circleProgressLoad_left 6s linear infinite;animation: circleProgressLoad_left 6s linear infinite;}
.index-banner .swiper-pagination-bullet-active .wrapper_con {display: block;}
.index-banner .swiper-pagination {font-size: 16px;}
.index-banner .swiper-pagination > span { position: relative; display: inline-block; transition: none;}
.index-banner .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 5%;}
.index-banner .right {right: -2px;}
.index-banner .left {left: -2px;}
.index-banner .circleProgress {width: 42px;height: 42px;border: 2px solid transparent;border-radius: 50%; position: absolute;top: 0;-webkit-transform: rotate(-135deg);}
.index-banner .rightcircle {border-bottom: 2px solid #fff;border-left: 2px solid #fff;right: 0;}
.index-banner .leftcircle {border-top: 2px solid #fff;border-right: 2px solid #fff;left: 0;}
.index-banner .wrapper_con {width: 21px;height: 42px;position: absolute;top: -2px;overflow: hidden;display: none;}
.index-banner .swiper-slide a {position: relative;height: 100%;display: block;}
.index-banner .swiper-slide a .con {
    position: absolute;
    color: #fff;
    width: 100%;
    text-align: center;
    top: 20%;
	
}
.index-banner .swiper-slide a .con h3 {
    font-size: 4em;
    margin-bottom: 24px;
	font-weight: bold;
}
.index-banner .swiper-slide a .con p {
    font-size: 2.5em;
}
@media (max-width:1440px) {
	.index-banner .swiper-slide a .con h3 {
    font-size: 3em;
    margin-bottom: 18px;
	}
	.index-banner .swiper-slide a .con p {
    font-size: 2.0em;
}
}
@media (max-width:1230px) {
	.index-banner .swiper-slide a .con h3 {
    font-size: 2.5em;
    margin-bottom: 15px;
	}
	.index-banner .swiper-slide a .con p {
    font-size: 1.6em;
}
}
@media (max-width:960px) {
	.index-banner .swiper-slide a .con h3 {
    font-size: 2.0em;
    margin-bottom: 15px;
	}
	.index-banner .swiper-slide a .con p {
    font-size: 1.4em;
}
}
@media (max-width:768px) {
	.index-banner .swiper-slide a .con h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
	}
	.index-banner .swiper-slide a .con p {
    font-size: 0.8em;
}
}
@media (max-width:500px) {
	.index-banner .swiper-slide a .con h3 {
    font-size: 1em;
    margin-bottom: 10px;
	}
	.index-banner .swiper-slide a .con p {
    font-size: 0.2em;
}
}
@media (max-width:640px) {
    .index-banner .swiper-pagination-bullet {width: 10px;height: 10px;}
    .index-banner .swiper-pagination-bullet-active{width: 12px;height: 12px; line-height: 0;}
    .index-banner .swiper-pagination-bullet-active .rightcircle,
    .index-banner .swiper-pagination-bullet-active .leftcircle{display: none;}
    .index-banner .swiper-pagination-bullet{font-size: 0;}
}

/* animation */ 
@keyframes circleProgressLoad_right { 
    0% { transform: rotate(45deg); } 
    50%, 100% { transform: rotate(225deg);} 
} 
@keyframes circleProgressLoad_left { 
    0%, 50% { transform: rotate(45deg); } 
    100% { transform: rotate(225deg); } 
}

/* about */
.index-about{justify-content: space-between; align-items: center;}
.index-about-left{width: 48%;}

.index-about-content h3{font-size: 22px; line-height: 1.5; font-weight: bold; color: var(--default);}
.index-about-content h3 b{display: block;}
.index-about-content p{ margin-top: 20px; font-size: 14px; line-height: 1.8; color: #666;}
.index-about-content a{ margin-top: 50px; display: inline-block; padding: 0 50px; line-height: 50px; font-size: 16px; border: 1px solid var(--default); color: var(--default);}
.index-about-content a:hover { background-color: var(--default); border-color: var(--default); color: #fff; box-shadow: 0 13px 10px rgba(0, 0, 255,.4);}

.index-about-right{ width: 48%; overflow: hidden;}
.index-about-right img{width: 100%;}
@media (max-width:1400px) {
   .index-about-content h3{font-size: 20px; line-height: 1.5;}
   .index-about-content p{ margin-top: 15px;}
   .index-about-content a{ margin-top: 30px; padding: 0 30px; line-height: 40px; font-size: 14px;}
    
}

@media (max-width: 860px) {
    .index-about-content h3 { font-size: 18px; line-height: 1.2; }
    .index-about-content h3 b{display: initial;}
    .index-about-content p{ margin-top: 15px; font-size: 14px; line-height: 1.5; color: #666;}
}

@media (max-width: 640px) {
    .index-about-left{width: 100%; text-align: center;}
    .index-about-left .index-title-left{text-align: center!important;}
    .index-about-right{display: none;}
}

.index-about-number{ margin-top: 60px; padding: 40px 50px; background: linear-gradient(to right, var(--default), #0874DC );}
.index-about-number ul li{ width: 24%; color: #fff;}
.index-about-number ul li:last-of-type {margin-left: 4%;}
.index-about-item{position: relative; padding-left: 40px; border-left: 1px solid #5565D5;}
.index-about-item::before{position: absolute; top: 0; left: -1px; content: ''; width: 1px; height: 30%; background-color: #fff; }
.index-about-item h3{ margin-bottom: 15px; font-size: 44px;}
.index-about-item h4{ margin-bottom: 15px;font-size: 30px;line-height: 49px;}
.index-about-item h3 b{font-weight: normal;}
.index-about-item h3 span{font-size: 14px;}

@media (max-width: 960px) {
    .index-about-number{ margin-top: 40px;}
    .index-about-item{padding-left: 20px;}
    .index-about-item h3{font-size: 32px;}
    .index-about-item h3 span,
    .index-about-item p{font-size: 12px;}
    .index-about-item h4 {font-size: 19px;line-height: 32px;}
}

@media (max-width: 768px) {
    .index-about-number{padding:20px 30px;}
    .index-about-item h3{ margin-bottom: 5px; font-size: 28px;}
    .index-about-item h4 {font-size: 14px;line-height: 28px;margin-bottom: 5px;}
}

@media (max-width: 640px) {
    .index-about-number{padding:10px 15px;}
    .index-about-item{padding-left: 10px;}
    .index-about-item h3{ font-size: 20px;}
    .index-about-item h4 {font-size: 16px;line-height: 20px;}
    .index-about-number ul li{ margin: 5px 0; width: 50%; color: #fff;}
    .index-about-number ul li:last-of-type {margin-left: 0;}
}
/*  */
.index-product-bg{background-image: url(assets/images/product-bg.jpg);}
.index-product-swiper{padding: 0 20px;}
.index-product-swiper .swiper-container{padding-bottom: 60px;}
.index-product-swiper .swiper-pagination-bullet{margin: 0 10px!important; background-color: var(--default); opacity: 1;}
.index-product-swiper .swiper-pagination-bullet-active{position: relative; background-color: var(--default);}
.index-product-swiper .swiper-pagination-bullet-active::before{position: absolute; top: -6px; left: -6px; content: ''; border-radius: 50%; width: 20px;height: 20px;text-align: center;border: 1px solid var(--default);}
.index-product-bg > a {margin-top: 0;display: inline-block;padding: 0 50px;line-height: 50px;font-size: 16px;border: 1px solid var(--default);color: var(--default);transform: translateX(-50%);left: 50%;position: relative;}
.index-product-bg > a:hover {background-color: var(--default);border-color: var(--default);color: #fff;box-shadow: 0 13px 10px rgb(0 0 255 / 40%);}
.index-product-item{position: relative;margin-top: 90px;padding: 0 30px;justify-content: flex-end;background-color: #fff;}

.index-product-pic{position: absolute;bottom: 65px;left: 30px;display: block;width: 50%;}
.index-product-pic img{width: 95%;height: auto;/* object-fit: cover; */}

.index-product-content{width: 45%;padding: 30px 0 36px 30px;}
.index-product-content h3{position: relative;padding-bottom: 20px;margin-bottom: 20px;font-size: 22px;font-weight: bold;min-height: 100px;}
.index-product-content h3::before{position: absolute; bottom: 0; left: 0; content: ''; width: 50px; height: 2px; background-color: var(--default);}
.index-product-content h3 span{ margin-bottom: 8px; display: block; font-weight: normal; font-size: 14px; color: #999; text-transform: uppercase;}
.index-product-content p{margin-bottom: 50px; color: #666;min-height: 28px;}
.index-product-content > a{display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #999;}

.index-product-content > a:hover{border-radius: 50%; transform: rotate(-45deg); background-color: var(--default); border-color: var(--default); box-shadow: 0 13px 10px rgba(0, 0, 255,.4);}
.index-product-content > a:hover i{ color: #fff;}

/* @media (max-width:1800px) {
    .index-product-pic{position: absolute; bottom: 25px; left: 30px; display: block; width: 54%; }
    .index-product-pic img{width: 100%;}

    .index-product-content{width: 40%; padding: 30px 0 25px 30px;}
    .index-product-content h3{ padding-bottom: 15px; margin-bottom: 15px; font-size: 18px;}
    .index-product-content p{margin-bottom: 30px; color: #666;}
}
@media (max-width:1600px) {
    .index-product-item{ margin-top: 0; padding: 15px; justify-content: space-between; }
    .index-product-pic{position: static; bottom: inherit; left: inherit;}
    .index-product-content{width: 45%; padding: 0 0 0 20px;}
    .index-product-content h3 {min-height: auto;}
    .index-product-content p{margin-bottom: 15px;}
}
@media (max-width:1600px) {
    .index-product-item{flex-direction: column; }
    .index-product-pic,
    .index-product-content{width: 100%; padding: 20px 0 0 0;}
} */
@media (max-width:1400px) {
    .index-product-item {margin-top: 55px;}
    .index-product-content h3 {font-size: 20px;}
}
@media (max-width:960px) {
    .index-product-content {padding: 30px 0 30px 30px;}
    .index-product-content h3 {font-size: 18px;min-height: auto;}
    .index-product-content h3 span {display: none;}
    
}
@media (max-width:768px) {
    .index-product-item {margin-top: 0;padding: 0 20px;box-shadow: 0px 4px 14px 2px rgb(238 238 238 / 70%);}
    .index-product-pic {width: 100%;position: static;}
    .index-product-content {width: 100%;padding: 20px 0 20px 0;}
    .index-product-pic img {height: auto;width: 100%;}
    .index-product-bg > a {margin-top: 0;padding: 0 30px;line-height: 40px;font-size: 14px;}
}
@media (max-width:640px) {
    
    .index-product-swiper .swiper-container{padding-bottom: 20px;}

}

/*  */

.index-app-poster{ width: 68%; height: 800px; align-items: center; }

.index-app-detail { margin-left: 120px; max-width: 640px; color: #fff;}
.index-app-detail h3{ font-size: 16px;}
.index-app-detail h3 strong{ display: block; margin-bottom: 10px; font-size: 36px; font-weight: bold;}
.index-app-detail p{margin-top: 40px; font-size: 16px; line-height: 1.8; }
.index-app-detail a{ margin-top: 140px; display: inline-block; padding: 0 60px; line-height: 50px; font-size: 16px; background-color: #fff; color: #333; }

.index-app-content{ width: 32%; justify-content: space-between; flex-direction: column; }

.index-app-title{padding: 50px 30px 0 50px;}

.index-app-type ul li a{align-items: center; padding: 30px 30px 30px 60px; border-top: 1px solid #eee; }
.index-app-type ul li a i{font-size: 42px; color: #999;}
.index-app-type ul li h3{ flex: 1; padding-left: 35px; font-size: 14px; color: #999;}
.index-app-type ul li h3 span{ display: block; margin-bottom: 8px; font-size: 18px; font-weight: bold; color: #333; }

.index-app-type ul li a:hover,
.index-app-type ul li.active a{box-shadow: -6px 0 0 var(--default);}

.index-app-type ul li a:hover h3 span,
.index-app-type ul li.active h3 span{color: var(--default);}

@media (max-width:1200px) {
    .index-app-detail { margin:0 60px;}
    .index-app-detail a{ margin-top: 40px; padding: 0 40px; line-height: 45px;}
    
    .index-app-title{padding: 40px 30px 0 40px;}
    .index-app-type ul li a{ padding: 30px; border-top: 1px solid #eee; }
    .index-app-type ul li h3{ padding-left: 30px; }
}

@media (max-width:768px) {
    .index-app-poster{ width: 68%; height: 600px; align-items: center; }
    .index-app-detail h3 strong{ font-size: 24px;}
    
    .index-app-title{padding: 20px 20px 0;}
    .index-app-type ul li a{ padding: 20px; border-top: 1px solid #eee; }
    .index-app-type ul li a i{font-size: 32px; color: #999;}
    .index-app-type ul li h3{ padding-left: 20px;}
    .index-app-type ul li h3 span{ margin-bottom: 5px; font-size: 16px; font-weight: normal;}
}

@media (max-width:640px) {
    .index-app{flex-direction: column-reverse;}
    
    .index-app-poster,
    .index-app-content{ width: 100%;}
    .index-app-poster{height: 400px;}
    
    .index-app-type ul {display: flex; flex-wrap: wrap;}
    .index-app-type ul li{width: 50%;}
    .index-app-type ul li:last-child{width: 100%;}
    .index-app-type ul li a{padding: 15px;}
    .index-app-type ul li h3{ padding-left: 15px; height: 18px; line-height: 18px; overflow: hidden;}
    .index-app-type ul li h3 span{margin-bottom: 0;}
    
    .index-app-detail{margin: 0 20px;}
    .index-app-detail h3{ font-size: 14px;}
    .index-app-detail h3 strong{margin-bottom: 10px; font-size: 20px; }
    .index-app-detail p{margin-top: 20px; font-size: 14px; line-height: 1.6; }
    .index-app-detail a{ margin-top: 20px; display: inline-block; padding: 0 30px; line-height: 40px; font-size: 14px; }
    
    .index-app-type ul li.active a{box-shadow: -6px 0 0 var(--default) inset;}
}

@media (max-width:480px) {
    .index-app-poster {height: auto;padding: 30px 0;}
    .index-app-type ul li a{padding: 15px 10px;}
    .index-app-type ul li a i{font-size: 24px; color: #999;}
    .index-app-type ul li h3 span{font-size: 14px;}
}

/*  */
.index-news-bg{background-color: #fafafa;}
.index-news-head{margin-bottom: 20px;}
.index-news-head ul{ margin: 0 auto; justify-content: center;}
.index-news-head ul li{margin: 5px;}
.index-news-head ul li a{display: inline-block; padding: 0 35px; line-height: 35px; border-radius: 35px; font-size: 16px; border: 1px solid #666;}

.index-news-head ul li.active a{border-color: var(--default); background-color: var(--default); color: #fff;}
.index-news-box .index-news-box-item{display: none;}

/* news */
.index-news-poster{margin: 15px 0; padding-right: 30px;width: 33.333%;}
.index-news-pic{display: block; padding: 0; background-color: #fff; overflow: hidden;width: 100%;}
.index-news-pic img{width: 100%;height: 280px;object-fit: cover;}
.index-news-pic:hover img{transform: scale(1.2);}

.index-news-list{width: 66.66%;}
.index-news-list ul{margin-left: -30px;}
.index-news-list ul li{ width: 50%; margin: 15px 0; padding-left: 30px; }


.index-news-item{display: block; padding: 30px 30px 0 30px; background-color: #fff;}
.index-news-content h3{font-size: 18px; line-height: 18px; font-weight: bold;}
.index-news-content p{ margin: 15px 0px 35px; line-height: 20px; height: 60px; color: #999; overflow: hidden;}
.index-news-date{ position: relative; padding: 30px 0; color: #999; border-top: 1px solid #eee;}
.index-news-date p{font-size: 16px; }
.index-news-date a{position: absolute; top: 50%; right: 0; font-size: 24px; color: #999; transform: translateY(-50%);}
.index-news-list ul li .index-news-item:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}
.index-news-content h3:hover a{color: var(--default);}
.index-news-date a:hover{color: var(--default);transform: translateX(8px) translateY(-50%);}

@media (max-width:1400px) {
    .index-news-poster{flex-wrap: wrap;}
    .index-news-date{ position: relative; padding: 15px 0;}
}

@media (max-width:860px) {
    
    .index-news-list ul li{ margin: 7px 0; padding-left: 15px; }
    
    .index-news-pic{display: block; padding: 0; background-color: #fff; overflow: hidden;}
    
    .index-news-item{ padding: 15px 15px 0 15px;}
    .index-news-content p{ margin: 15px 0px;}
    .index-news-date p{font-size: 14px; }
}

@media (max-width:768px) {
    .index-news-poster{ margin-top: 0; margin-bottom: 7px; width: 100%; padding-right: 0; display: flex;flex-wrap: wrap;width: 100%;}
    .index-news-list{ width: 100%;}
    .index-news-pic img {height: 200px;}
    .index-news-list ul{margin-left: -15px;}
    .index-news-head ul li a{ padding: 0 15px; line-height: 35px; border-radius: 35px; font-size: 14px;}
}

@media (max-width:480px) {
    .index-news-pic img {height: 180px;}
    .index-news-list ul li{ width: 100%;}
    .index-news-content p{ height: auto; }
}
/* honor */
.index-honor-bg{position: relative; z-index: 1; padding-bottom: 0;}
/* .index-honor-bg::before{ position: absolute; bottom: 0; left: 0; content: ""; z-index: -1; width: 100%; height: 200px;} */

.index-honor{justify-content: space-between;}
.index-honor-content{max-width: 300px; justify-content: space-between; flex-direction: column;}
.index-honor-content a{position: relative;display: inline-block; padding: 0 50px;line-height: 50px; font-size: 16px;border: 1px solid var(--default); color: var(--default);}
.index-honor-content a:hover { background-color: var(--default); border-color: var(--default); color: #fff; box-shadow: 0 13px 10px rgba(0, 0, 255,.4);}


.index-honor-swiper{}
.index-honor-pic{overflow: hidden;box-shadow: 0px 4px 14px 2px rgb(120 120 120 / 20%);}
.index-honor-pic img{width: 100%;}

@media (max-width:960px) {
    .index-honor{justify-content: space-between; flex-direction: column;}
     .index-honor .index-title-left{text-align: center;}
     .index-honor-content{max-width: 100%; text-align: center;}
     .index-honor-swiper{ margin: 35px 0; width: 100%;}
}
@media (max-width:640px) {
    .index-honor-bg {padding-top: 45px;}
    .index-honor-swiper .swiper-slide:nth-of-type(3) {display: none;}
    .index-honor-swiper {margin: 0;}
}
/*  */
.index-honor-sign{ transform: translateY(-100px); padding: 60px 0; background: linear-gradient(to right, var(--default), #0874DC );}
.index-honor-sign .index-more a {color: #ffffff;color: #ffffff;border-color: #ffffff;}
.index-honor-sign .index-more a:hover {color: var(--default);background-color: #ffffff;}
@media (max-width:1400px) {
    .index-honor-sign{ transform: translateY(-80px); padding: 30px 0;}
    .index-honor-sign img{max-width: 350px;}
}

@media (max-width:1200px) {
    .index-honor-sign{ transform: translateY(-30px); padding: 30px 0;}
    .index-honor-sign img{max-width: 250px;}
}

@media (max-width:960px) {
    .index-honor-sign{ transform: translateY(-30px); padding: 30px 15px;}
}
@media (max-width:768px) {
    .index-honor-sign .index-more {padding-top: 20px;}
    .index-honor-sign img {max-width: 150px;}
}
/* fdlink */
.index-fdlink{padding-bottom: 80px;}
#fdd {display: none;}
.mySwiper {overflow: hidden;}
.index-fdlink ul li{ width: 16.66%;padding-left: 20px; margin-top: 20px;}
.index-fdlink ul li a{display: block; height: 140px;padding:10px 15px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;background-color: var(--default);font-weight: bold;color: #ffffff;border-radius: 30px;font-weight: bold;font-size: 18px;line-height: 1.5;}
.index-fdlink ul li img{max-width: 100%; max-height: 100%; }
.index-fdlink ul li a:hover{border-color: var(--default);}
.index-fdlink ul li a:hover img{transform: translateY(-5px);}

@media (max-width:1800px) {
    .index-fdlink{ padding: 100px 60px;}
}

@media (max-width:1600px) {
    .index-fdlink{ padding: 50px;}
}

@media (max-width:1200px) {
    .index-fdlink{ padding: 30px;}
}

@media (max-width:960px) {
	.index-fdlink ul li{width: 25%;}
    .index-fdlink ul li:nth-child(n+7):nth-child(-n+12){display:none;}
}
@media (max-width:768px) {
	.index-fdlink{padding: 30px 15px;}
    .index-fdlink ul{display: flex;flex-wrap: wrap;}
	.index-fdlink ul li{width: 33.33%;padding-left: 10px; margin-top: 10px;}
	.index-fdlink ul li:nth-child(n+4):nth-child(-n+12){display:none;}
    .index-fdlink ul li a{ height: 90px;}
}
@media (max-width:640px) {
    .index-fdlink ul li{width: 50%;}
    .index-fdlink ul li a {font-size: 14px;padding: 10px;height: 80px;}
    .index-fdlink ul li:nth-child(n+7):nth-child(-n+15){display:none;}
}


/* cluestor */
.index-cluestor-bg{ padding: 40px 0; background: linear-gradient(to right, var(--default), #0874DC );}
.index-cluestor{text-align: center; color: #fff;}
.index-cluestor h3{ margin-bottom: 20px; font-size: 20px; font-weight: bold;}
.index-cluestor a{ display: inline-block; padding: 0 60px; line-height: 50px; font-size: 16px; border:1px solid #fff; color: #fff;}
.index-cluestor a:hover{background-color: #fff; color: var(--default);}
@media (max-width:1200px) {
    .index-cluestor h3{font-size: 30px;}
    .index-cluestor p{ margin: 20px 0; font-size: 20px;}
}

@media (max-width:768px) {
    .index-cluestor h3{font-size: 22px;}
    .index-cluestor a{ padding: 0 35px; line-height: 40px; font-size: 14px;}
}

@media (max-width:640px) {
    .index-cluestor-bg{ padding: 20px 0;}
    .index-cluestor h3{font-size: 16px;}
    .index-cluestor a{ padding: 0 35px; line-height: 40px; font-size: 14px;}
}